<template>
    <div>
<van-tabs v-model:active="active">
  <van-tab title="标签 1">
    <router-link :to="'/getOrder/'">
    <!-- <router-link :to="{name:'getOrder',params:{orderId:item.orderId}}"> -->
        <van-card
        v-for="item in getOrderListData"
  num="2"
  price="2.00"
  :desc="item.orderId"
  :title="item.product_code"
  thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
>
  
  <template #footer>
    <van-button size="mini">取消订单</van-button>
    <van-button size="mini">立即支付</van-button>
  </template>
</van-card>
</router-link>
  </van-tab>
  <van-tab title="标签 2">内容 2</van-tab>
  <van-tab title="标签 3">内容 3</van-tab>
  <van-tab title="标签 4">内容 4</van-tab>
</van-tabs>

    </div>
</template>

<script setup>
import { ref } from 'vue';
import { useRouter,useRoute } from 'vue-router';
const router=useRouter()
const route=useRoute()
import { getOrderListApi } from '@/api/api';
const getOrderListData=ref([])
getOrderListApi(12345678900).then(res=>{
    console.log(res);
    getOrderListData.value=res.data.data
    console.log(getOrderListData);
    
})
</script>

<style lang="scss" scoped>

</style>